@charset "utf-8";
@import "../../../../layout/sass/_mixin-fun.scss";

.inner {
	width: 1200px !important;
}

.i-banner {
	min-width: 1020px;
	.slider {
		height: 400px;
		img {
			width: 100%;
			height: 100%;
		}
	}//slider
}//i-banner

.inner {
	.brand {
		.top {
			height: 44px;
			padding-top: 18px;
			.thickred {
				width: 100%;
				height: 4px;
				background-color: #de4a4a;

			}
			.thinred {
				@extend .thickred;
				height: 1px;
				margin-top: 1px;
			}
			.title {
				width: 120px;
				position: absolute;
				z-index: 2;
				left: 50%;
				margin-left: -60px;
				background-color: #ffffff;
				text-align: center;
				line-height: 100%;
				font-size: 24px;
				color: #685244;
				margin-top: -15px;
			}	
		}
		.brandimg {
			ul {
				margin-left: -10px;
				margin-top: -10px;
				li {
					margin-top: 10px;
					width: 196px;
					height: 455px;
					float: left;
					margin-left: 10px;
					position: relative;
					.img {
						height: 295px;
						width: 100%;
						overflow: hidden;
						a {
							display: block;
							img {
								width: 100%;
								height: 100%;
							}
						}
					}
					.info {
						width: 100%;
						height: 160px;
						border: 1px solid #e1e1e1;
						border-top: none;
						position: absolute;
						bottom: 0;
						font-size: 12px;
						color: #685244;
						a {
							color: #685244;
						}
						.vender {
							height: 30px;
							line-height: 30px;
							.left {
								display: block;
								width: 40px;
								height: 100%;
								//line-height: 100%;
								text-align: center;
							}
							.right {
								display: block;
								margin-left: 5px;
								width: 149px;;
								overflow: hidden; /*自动隐藏文字*/
							    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
							    white-space: nowrap;/*强制不换行*/
							}
						}
						.address {
							@extend .vender;
						}
						.brand {
							@extend .vender;
							margin-top: 0;
						}
						.btn {
							background-color: #a7a7a7;
							width: 100px;
							height: 30px;
							border-radius: 4px;
							font-size: 14px;
							color: #ffffff;
							position: absolute;
							bottom: 20px;
							left: 50%;
							margin-left: -50px;
						}
					}
				}
			}
		}

		.more {
			background-color: #ffffff;
			color: #de4a4a;
			font-size: 20px;
			width: 140px;
			height: 40px;
			border: 1px solid #de4a4a;
			margin-left: 440px;
			margin-top: 50px;
		}
	}
	
}